 
import * as echarts from '../../component/ec-canvas/echarts' // 这个是自己实际的目录
function initChart(canvas, width, height, dpr) { // 这部分是固定的不需要 是通用的
  const chart = echarts.init(canvas, null, {
    width: width,
    height: height
  });
  canvas.setChart(chart);

      //下面开始配置图像
      var option = {
        tooltip: {},
        animationDurationUpdate: 1500,
        animationEasingUpdate: 'quinticInOut',
        series: [
          {
            type: 'graph',
            layout: 'none',
            symbolSize: 50,//圆形大小
            roam: true,
            label: {
              show: true
            },
            edgeSymbol: ['circle', 'arrow'],
            edgeSymbolSize: [5, 10],
            edgeLabel: {
              fontSize: 14//字体大小
            },
            data: [
              {
                name: '高数',
                x: 0,
                y: 0
              },
              {
                name: '线代',
                x: 50,
                y: 0
              },
              {
                name: '离散',
                x: 100,
                y: 0
              },
              {
                name: 'C程设',
                x: 150,
                y: 0
              },
              {
                name: '大物',
                x: 25,
                y: 75
              },
              {
                name: '电路',
                x: 25,
                y: 150
              },
              {
                name: '模电',
                x: 0,
                y: 225
              },
              {
                name: '数电',
                x: 50,
                y: 225
              },
              {
                name: '数据结构',
                x: 100,
                y: 75
              },
              {
                name: '面向对象',
                x: 150,
                y: 150
              },
              {
                name: '算法',
                x: 100,
                y: 150
              },
              {
                name: '计组',
                x: 0,
                y: 300
              },
              {
                name: '操作系统',
                x: 50,
                y: 300
              },
              {
                name: '数据库',
                x: 100,
                y: 300
              },
              {
                name: '计算机网络',
                x: 150,
                y: 300
              },
              {
                name: '软件工程',
                x: -25,
                y: 400
              },
              {
                name: '嵌入式',
                x: 75,
                y: 400
              },
              {
                name: '编译原理',
                x: 125,
                y: 400
              },
              {
                name: 'Web开发',
                x: 175,
                y: 400
              },
              {
                name: '图形学',
                x: 25,
                y: 400
              },
              {
                name: 'MORE',
                x: 75,
                y: 500
              }
            ],
            // links: [],
            links: [
              {
                source: '高数',
                target: '大物',
              },
              {
                source: '线代',
                target: '大物'
              },
              {
                source: '大物',
                target: '电路'
              },
              {
                source: '电路',
                target: '数电'
              },
              {
                source: '电路',
                target: '模电'
              },
              {
                source: '线代',
                target: '数据结构'
              },
              {
                source: '离散',
                target: '数据结构'
              },
              {
                source: 'C程设',
                target: '数据结构'
              },
              {
                source: 'C程设',
                target: '面向对象'
              },
              {
                source: '数电',
                target: '计组'
              },
              {
                source: '模电',
                target: '计组'
              },
              {
                source: '算法',
                target: '操作系统'
              },
              {
                source: '算法',
                target: '数据库'
              },
              {
                source: '算法',
                target: '计算机网络'
              },
              {
                source: '面向对象',
                target: '操作系统'
              },
              {
                source: '面向对象',
                target: '数据库'
              },
              {
                source: '面向对象',
                target: '计算机网络'
              },
              {
                source: '计组',
                target: '软件工程'
              },
              {
                source: '计组',
                target: '嵌入式'
              },
              {
                source: '计组',
                target: '编译原理'
              },
              {
                source: '计组',
                target: '图形学'
              },
              {
                source: '操作系统',
                target: '软件工程'
              },
              {
                source: '操作系统',
                target: '嵌入式'
              },
              {
                source: '操作系统',
                target: '编译原理'
              },
              {
                source: '数据库',
                target: '软件工程'
              },
              {
                source: '数据库',
                target: '编译原理'
              },
              {
                source: '数据库',
                target: 'Web开发'
              },
              {
                source: '数据库',
                target: '图形学'
              },
              {
                source: '计算机网络',
                target: '软件工程'
              },
              {
                source: '计算机网络',
                target: 'Web开发'
              },
              {
                source: '数据结构',
                target: '算法'
              },
              {
                source: '软件工程',
                target: 'MORE'
              },
              {
                source: '图形学',
                target: 'MORE'
              },
              {
                source: 'Web开发',
                target: 'MORE'
              },
              {
                source: '嵌入式',
                target: 'MORE'
              },
              {
                source: '编译原理',
                target: 'MORE'
              }
            ],
            lineStyle: {
              opacity: 0.9,
              width: 3,
              curveness: 0
            }
          }
        ]
      };
      
  chart.setOption(option);
  return chart;
}

Page({
  data: {
    ec: {
      onInit: initChart
    }
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})
